@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:'宋体';
	color: #666;
}
ol,ul{
	list-style-type: none;
}
b{
	font-weight: normal;
}
a,del{
	text-decoration: none;
}
a:hover{
	color: #C81623;
}
img{
	border: 0;
}
em{
	font-style: normal;
}
.clearfloat{
	clear: both;
}
// wrap_top
.top_wrap{
	min-width: 1210px;
	background: #F1F1F1;
	height: 30px;
	b{
		display: inline-block;
		height: 7px;
		overflow: hidden;
		margin-left: 5px;
		del{
			position: relative;
			top:-14px;
			cursor: default;
		}
	}
	.top{
		width: 1210px;
		height: 30px;
		line-height: 30px;
		margin:0 auto;
		
		.top_l p:hover{
			background: white;
			padding: 0 4px;
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd;
		}
		.top_l:hover .top_address{
			display: block;
		}
		.top_l:hover del{
			position: relative;
			top:-8px;
			cursor: default;
		}
		.top_l{
			float: left;
			position: relative;
			z-index: 20;
			a{
				cursor: default;
				color: #666;
			}
			p{

				width: 80px;
				padding: 0 5px;
				position: relative;
				z-index: 2;
				span{

					
				}
			}
			.top_address{
				display: none;
				clear: left;
				overflow: hidden;
				position: absolute;
				z-index: 1;
				top: 29px;
				border: 1px solid #ddd;
				padding: 10px;
				background: white;
				ul{
					width: 300px;

					li:first-child a{
						color: white;
						background: #C81623;
					}
					li:first-child a:hover{
						color: white;
						background: #C81623;
					}
					li{
						width: 60px;
						float: left;
						margin-bottom: 10px;
					
						a{
							display: inline-block;
							padding: 0px 10px;
							
							cursor: pointer;
						}
						a:hover{
							display: inline-block;
							padding: 0px 10px;
							background: #F1F1F1; 
						}
					}
				}
			}
		}
		.top_r{
			float: right;
			ul{
				margin-right: 0px;
				.top_r_hids{
						display: none;
				}
				li{
					margin-right: 1px;
					line-height: 30px;
					
					float: left;
					position: relative;

				}
				p{
					padding: 0 10px;
				}
				li:hover del{
					position: relative;
					top:-8px;
					cursor: default;
				}
				li:nth-child(2n){
					padding: 0;
					width: 1px;
					height: 12px;
					border-left: 1px solid #ddd;
					margin-top: 9px;
				}
				li:first-child a:first-child{
					font-weight: bold;
					color: #666;
				}
				li:first-child a:last-child{					
					color: #C81623;
				}
				li:nth-child(5):hover{
					background: white;
					border-right: 1px solid #ddd;
					border-left: 1px solid #ddd;
					position: relative;
					
				}
				li:nth-child(5):hover p{
					padding: 0 9px;
					position: relative;
					background: white;
					z-index: 5;
				}
				li:nth-child(5) p{
					height: 30px;
					position: relative;
					z-index: 5;
				}
				li:nth-child(5) .top_r_hids{
					display: none;
					padding: 10px 10px 10px 20px;
					position: absolute;
					z-index: 2;
					top: 29px;
					left: -1px;
					width: 260px;
					border: 1px solid #ddd;
					background: white;
					div{
						margin-bottom: 10px;
						img{
							float: left;
							position: relative;
							z-index: 10;
							border-radius:50%;
							width: 60px;
							height: 60px;
							margin-right: 20px;
						}
						p:nth-child(2) a{
							font-weight: bold;
						}
						
					}
					ul{
						
						overflow: hidden;
						li:nth-child(2n){
							height: 30px;
							margin-top: 0;
						}
						li{

							width: 126px;
							border: 0px;					
							a{
								font-weight: normal;
								color: #666;
							}
							a:hover{
								color: #C81623;
							}
							
						}
					}
				}
				li:nth-child(11){
					position: relative;
				}
				li:nth-child(11) .jd_phone{
					position: absolute;
					z-index: 15;
					top: 29px;
					left: -1px;
					width: 250px;
					height: 195px;
					border: 1px solid #ddd;
				}
				li:nth-child(11):hover{
					position: relative;
					border-left: 1px solid #ddd;
					border-right: 1px solid #ddd;
				}
				li:nth-child(11):hover p{
					padding: 0 9px;
					position: relative;
					z-index: 16;
					background: white;
				}
				li:nth-child(13):hover{
					position: relative;
					border-right: 1px solid #ddd;
					border-left: 1px solid #ddd;
				}
				li:nth-child(13):hover p{
					padding: 0 9px;
					position: relative;
					z-index: 16;
					background: white;
				}
				li:nth-child(13) .erweima{
					position: absolute;
					z-index: 15;
					top: 29px;
					left: -1px;
					border: 1px solid #ddd;
					padding-right: 1px;
					
				}
				li:nth-child(15):hover{
					position: relative;
					border-right: 1px solid #ddd;
					border-left: 1px solid #ddd;
				}
				li:nth-child(15):hover p{
					padding: 0 9px;
					position: relative;
					z-index: 16;
					background: white;
				}
				li:nth-child(15) .fuwu{
					width: 172px;	
					position: absolute;
					z-index: 15;
					background: white;
					top: 29px;
					left: -1px;
					border: 1px solid #ddd;
					padding-right: 1px;
					padding-bottom: 10px;
					div:first-child{
						overflow: hidden;
						padding-bottom: 20px;
						border-bottom: 1px dotted #ddd;
					}
					div:last-child{
						overflow: hidden;
						padding-bottom: 10px;
						
					}
					ul{
						p{
							clear: both;
							font-weight: bold;
						}
						li:nth-child(2n){
							margin-top: 0;
						}
						li{
							border: 0;
							position: relative;
							z-index: 10;
							width: 70px;
							margin-left: 10px;
						}
					}
					
				}
			}
			li:nth-child(17):hover{
					position: relative;

					border-right: 1px solid #ddd;
					border-left: 1px solid #ddd;
			}
			li:nth-child(17):hover p{
				padding: 0 9px;
				position: relative;
				z-index: 16;
				background: white;
			}
			li:nth-child(17):hover .top_nav p{
				padding: 0;
			}
			.top_nav{
				display: none;
				position: absolute;
				z-index: 15;
				background: white;
				top: 29px;
				right: -1px;
				width: 1210px;
				padding: 20px 0 15px 0;
				border: 1px solid #ddd;
				ul{
					
					li:hover{
						border: 0;
					}
					li:nth-child(2n){
						margin-top: 0;
						height: 30px;
					}
					li:nth-child(5){
						border: 0;
					}
					li{
						width: 86px;
						border: 0;
						margin: 0;
					}
					p{
						padding: 0;
						font-weight: bolder;
						font-size: 14px;
					}
				}
				div:nth-child(1){
					width: 347px;
					padding-left:20px;
					border-right: 1px solid #ddd;
					overflow: hidden;
					float: left;
				}
				div:nth-child(2){
					width: 259px;
					padding-left:20px;
					border-right: 1px solid #ddd;
					overflow: hidden;
					float: left;
				}
				div:nth-child(3){
					width: 259px;
					padding-left:20px;
					border-right: 1px solid #ddd;
					overflow: hidden;
					float: left;
				}
				div:nth-child(4){
					width: 259px;
					padding-left:20px;
					
					overflow: hidden;
					float: left;
				}
			} 
		}

	}
	
}

// head
.head{
	width: 1210px;
	margin:0 auto;
	.head_l{
		width: 362px;
		float: left;
		padding: 20px 0;
	}
	.head_m{
		float: left;
		padding-top: 25px;
		input{
			width: 446px;
			height: 24px;
			padding:4px;
			border: 2px solid #B61D1D;
			color: #666;
			float: left;
		}
		button{
			float: left;
			width: 82px;
			height: 36px;
			background: #B61D1D;
			color: white;
			font-size: 16px;
			font-weight: bold;
			border: 0;
			cursor:pointer;
			margin-bottom: 5px;
		}
		ul{
			li:nth-child(1) a{
				color: #B61D1D;
			}
			li{
				float: left;
				margin-right: 10px;
			}
		}
	}
	.head_r{
		float: right;
		padding-top: 25px;
		.shop{
			position: relative;
			height: 36px;
			line-height: 36px;
			background: white;
			border:1px solid #ddd;
			margin-right: 65px;
			.shop_show{
				padding:0 10px;
			}
			span:nth-child(1){
				display: inline-block;
				width: 18px;
				height: 16px;
				position: relative;
				top: 5px;
				background: url(../images/shop_bg.png) no-repeat 0px -58px;
			}
			span:nth-of-type(2){
				display: inline-block;
				position: relative;
				top: -15px;
				left: -5px;
				width: 18px;
				height: 18px;
				line-height: 20px;
				border-radius: 40% 40% 50% 0;
				background: #C81623;
				color: white;
				text-align: center;
			}
			.shop_hids{
				display: none;
				width: 258px;
				position: absolute;
				top: 35px;
				right: -1px;
				padding: 10px 15px;
				border: 1px solid #ddd;
				img{
					float: left;
				}
				div span{
					float: left;
					height: 49px;
					line-height: 49px;
				}
			}
		}
		.shop:hover .shop_show{
			position: relative;
			z-index: 10;
			background: white;

		}
		.shop:hover{
			position: relative;
			border-bottom: 0px;
		}
		.shop:hover .shop_hids{
			display: block;
			box-shadow:0px 0px 5px 0px #ccc;
		}
	}
}

// nav
.wrap_nav{
	width: 100%;
	clear: both;
	border-bottom: 2px solid #B1191A;
	a{
		font-size: 16px;
		font-weight: bold;
	}
	.nav{
		width:1210px; 
		height: 44px;
		line-height: 44px;
		margin:0 auto;
		div{
			width: 190px;
			height: 44px;
			list-height:44px;
			padding: 0 10px;
			background: #B1191A;
			float: left;
			cursor: pointer;
			a{
				color: white;
			}
		}
		ul{
			float: left;
			li{
				float: left;
				padding: 0 20px;
				font-size: 16px;
			}
		}
	}
}

// banner
.banner{
	width: 1210px;
	margin: 0 auto;
	position: relative;
	.banner_l{
		float: left;
		.nav_nav{
			width: 209px;
			height: 465px;
			background: #C81623;
			border: 1px solid #C81623;
			border-right: 0;
			position: relative;
			z-index: 6;
			ul{
				li{
					line-height: 30.5px;
					padding:0 10px;
					a{
						color: white;
						font-size: 12px;
						font-family: '微软雅黑';
					}
					span{
						float: right;
						color: white;
					}
				}
				li:hover{
					background: white;
					a{
						color: #C81623;
					}
				}
			}
		}

		.nav_hids{
			display: none;
			position: absolute;
			z-index: 5;
			top: -1px;
			left: 209px;
			width: 999px;
			border: 1px solid #B61D1D;
			padding: 20px;
			.nav_hids_l{
				width: 790px;
				float: left;
				.nav_hids_title{
					width: 790px;
					margin-bottom: 10px;
					a{
						display: inline-block;
						height: 24px;
						line-height: 24px;
						margin-right: 8px;
						background: #aaa;
						padding:0 0 0 10px;
						color: white;
						font-family: '微软雅黑';
						span{
							display: inline-block;
							height: 23px;
							line-height: 23px;
							background: #7C7171;
							margin-left: 10px;
							padding: 0 10px;
							color: white;
						}
					}
				}
				.nav_hids_title a:hover{
					background: #C81623;
				}
				.nav_hids_title a:hover span{
					background: #B61D1D;
				}
				dl{
					dt{
						float: left;
						width: 75px;
						padding: 8px 15px 8px 0;
						text-align: right;
						a{
							padding: 0 10px;
							font-family: '微软雅黑';
							font-weight: bold;
						}
					}
					dt:hover span{
						color: #B61D1D;
					}	
					dd{
						float: left;
						width: 700px;
						padding: 8px 0px 3px 0;
						border-bottom: 1px solid #ddd;
						a{
							float: left;
							display: inline-block;
							padding: 0 10px;
							border-left: 1px solid #ddd;
							margin-bottom: 5px;
						}
					}
					
				}

			}
			.nav_hids_r{
				float: right;
				width: 170px;
				ul:nth-child(1){
					li{
						float: left;
						margin-right: 1px;
						img{
							width: 83px;
							height: 35px;
						}
					}
				}
				ul:nth-child(2){
					img{
						width: 168px;
						height: 134px;
					}
				}
			}
			background: white;	
		}
	}
	.banner_m:hover span{
		display: block;
	}
	.banner_m{
		float: left;
		width: 730px;
		height: 454px;
		overflow: hidden;
		margin: 10px 0 0 10px;
		position: relative;
		.list{	
			position: absolute;		
			a{
				float: left;
				img{
					width: 730px;
					height: 454px;
				}
			}	
		}
		div{
			ul{
				position: absolute;
				bottom: 10px;
				left: 50%;
				margin-left: -60px;
				li{
					cursor: pointer;
					display: inline-block;
					width: 20px;
					height: 20px;
					line-height: 20px;
					color: white;
					border-radius: 50%;
					background: #333;
					text-align: center;
					float: left;
					margin-left: 5px;
				}
				.on{
					background: #C81623;
					color: white;
				}
			}
		}
		span{
			display: inline-block;
			display: none;
			cursor: pointer;
			width: 50px;
			height: 50px;
			background: rgba(0, 0, 0, 0.3);
			text-align: center;
			font-size: 30px;
			color: white;
			font-weight: bolder;
			line-height: 50px;
			position: absolute;
			top: 50%;
			margin-top: -25px;
			left: 0px;
		}
		.next{
			position: absolute;
			left: 100%;
			margin-left: -50px;
		}
		
	}

	.banner_r{
		float: left;
		margin-left: 8px;
		margin-top:10px;
		.banner_r_top{
			width: 247px;
			
			border:1px solid #ddd;
			p{
				font-size: 16px;
				padding-left: 20px;
				font-family: '微软雅黑';
				line-height: 35px;
				border-bottom: 1px dotted #ddd;
				a{
					margin-right: 10px;
				}
				span{
					float: right;
					margin-right: 10px;
				}
				span:hover{
					color: #C81623;
				}
			}
			ul{
				padding-left: 20px;
				margin-top: 5px;
				margin-bottom: 0px;
				li{
					line-height: 24px;
					span{
						font-weight: bold;
					}
				}
				li:hover span{
					color: #C81623;
				}
			}
		}

		.banner_r_middle{
			overflow: hidden;
			width: 248px;
			border-left:1px solid #ddd;
			ul{
				
				li{
					float: left;
					width: 61px;
					height: 70px;
					border-right: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
					position: relative;
					em{
						position: absolute;
						bottom: 0px;
						left: 0px;
						width: 60px;
						height: 30px;
						line-height: 28px;
						text-align: center;
						display: inline-block;
					}
					span{
						display: inline-block;
						width: 25px;
						height: 25px;
						position: relative;
						top: 13px;
						left: 18px;
					}
					
				}
				li:hover em{
					color: #C81623;
				}
				li:nth-child(1) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px 0;
				}
				li:nth-child(2) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -25px;
				}
				li:nth-child(3) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -50px;
				}
				li:nth-child(4) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -75px;
				}
				li:nth-child(5) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -100px;
				}
				li:nth-child(6) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -125px;
				}
				li:nth-child(7) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -150px;
				}
				li:nth-child(8) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -175px;
				}
				li:nth-child(9) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -200px;
				}
				li:nth-child(10) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -225px;
				}
				li:nth-child(11) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -250px;
				}
				li:nth-child(12) span{
					background: url(../images/banner_r_middle.png) no-repeat  -25px -275px;
				}
			}
		}

		.banner_r_foot{
			padding-top: 5px;
			img{
				width: 250px;
				height: 75px;
			}
		}
	}

}

// tuijian
.tuijian{
	width: 1210px;
	margin:0 auto;
	clear: both;
	padding-top: 10px;

	#jd_clock{
		float: left;
		width:210px;
		height:151px;
		background:url(../images/homebg.png) no-repeat 0 -136px;
		margin-left: 0;
		position:relative;
		.clock{
			position: absolute;
			left: 72px;
			top: 31px;
			width: 43px;
			height: 43px;
			border-radius: 50%;
			border: 8px solid #fff;
			.clock_h{
				width: 3px;
				height: 28px;
				position: absolute;
    			top: 7.5px;
    			left: 19px;
    			border-radius: 2px;
				transform:rotate(20deg);
				.hh1{
					width: 3px;
					height: 14px;
					background: #fff;
				}
				.hh2{
					width: 3px;
					height: 14px;
				}
			}
			.clock_m{
				width: 3px;
				height:32px;
				position: absolute;
				top:5.5px;
				left: 20px;
				border-radius: 2px;
				.mm1{
					width: 3px;
					height: 16px;
					background: #fff;
				}
				 .mm2{
					width: 3px;
					height: 16px;
				}
			}
			.clock_s{
				width: 8px;
				height: 56px;
				position: absolute;
				top:-5px;
				left: 19px;
				.ss1{
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background: #5E5252; 
				}
				.ss2{
					width: 8px;
					height: 48px;
				}
			}
		}	
	}
	#roll_box{
		width: 1000px;
		height: 164px;
		float:left;
	    position: relative;
	    overflow: hidden;
	    .all{
		    width: 5100px;
			height: 164px;
			position: absolute;
			top: 0px;
			left: 0px;
			li{
			   float:left;
			   list-style:none;
			   img{
			       float:left;
			   }
			}
	    }
	    .click{
	    	width: 1000px;
			height: 62px;
			position:absolute;
			top:51px;
			left:0px;
			.left{
				width: 28px;
				height: 62px;
				background: #ccc;
				opacity: 0.8;
				float: left;
				font-size: 20px;
				line-height: 62px;
				text-align: center;
				cursor: pointer;
			}
			.right{
			    width: 28px;
				height: 62px;
				background: #ccc;
				opacity: 0.8;
				float: right;
				font-size: 20px;
				line-height: 62px;
				text-align: center;
				cursor: pointer;
			}
	    }
	}
}

// like
.like{
	clear: both;
	width: 1210px;
	margin:0 auto;
	.like_title{
		height: 35px;
		line-height: 35px;
		h2{
			float: left;
			font-size: 18px;
			font-family: '微软雅黑';
			font-weight: 400;
			i{
				float: right;
				display: inline-block;
				width: 200px;
				height: 35px;
				background: url(../images/tuijian.png) no-repeat 0px -91px;
			}
		}
		span{
			float: right;
			cursor: pointer;
			em{
				display: inline-block;
				width: 30px;
				height: 18px;
				position: relative;
				top: 3px;
				background: url(../images/tuijian.png) no-repeat -343px -5px;
			}
		}
		span:hover em{
			display: inline-block;
			width: 30px;
			height: 18px;
			position: relative;
			top: 4px;
			background: url(../images/tuijian.png) no-repeat -343px -30px;
		}
	}
	.like_content{
		overflow: hidden;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		div{
			width: 182px;
			height: 260px;
			float: left;
			border: 1px solid #ddd;
			border-bottom: 0;
			border-top: 0;
			padding: 0 10px;
			p{
				margin: 35px 0 30px 5px;
			}
			a{
				display: inline-block;
				width: 73px;
				height: 33px;
				color: #999;
				line-height: 33px;
				text-align: center;
				border: 1px solid #ddd;
				margin:10px 0 10px 10px;
			}
			a:hover{
				color: #FE7758;
				border: 1px solid #FE7758;
			}
		}
		ul{
			float: left;
			li{
				width: 161px;
				height: 220px;
				padding: 20px;
				float: left;
				img{
					width: 150px;
					height: 150px;
					margin-bottom: 10px;
				}
				p{
					text-align: center;
					line-height: 30px;
					span{
						font-size: 16px;
						font-weight: bold;
						color: #B1191A;
					}
				}
			}
		}
	}
}

	